<script setup lang="ts">
const show = ref<boolean>(false)

const showPopup = () => {
  show.value = true
}

defineExpose({
  showPopup,
})
</script>

<template>
  <van-popup v-model:show="show" style="background: unset">
    <div class="flex flex-col items-center">
      <div class="rule_content"></div>
      <div class="close_icon" @click="show = false"></div>
    </div>
  </van-popup>
</template>

<style scoped lang="scss">
.rule_content {
  width: 368px;
  height: 457px;
  background-image: url('@/assets/ruleModel/bg.png');
  background-size: 100% 100%;
}

.close_icon {
  margin-top: 16px;
  width: 30px;
  height: 30px;
  background-image: url('@/assets/ruleModel/close.png');
  background-size: 100% 100%;
}
</style>
